<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
	<meta charset="utf-8">
	<title>Web Application Project</title>
	<meta name="keywords" content="<?php
	if(!empty($digitalContent)) {  
		if($_SESSION['lang'] == 'en') { 
			print $digitalContent->keywords_en; 
		} else { 
			print $digitalContent->keywords_ar; }
	}
	if(!empty($product)) {  
		if($_SESSION['lang'] == 'en') { 
			print $product->product_name_en; 
		} else { 
			print $product->product_name_ar; }
	}
	?>">
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="<?php print URL; ?>site/css/bootstrap.min.css" media="screen">
	<!-- jquery ui css -->
	<link rel="stylesheet" href="<?php print URL; ?>site/css/jquery-ui-1.10.1.min.css">
	<link rel="stylesheet" href="<?php print URL; ?>site/css/customize.css">
	<link rel="stylesheet" href="<?php print URL; ?>site/css/font-awesome.css">
	<link rel="stylesheet" href="<?php print URL; ?>site/css/style.css">
	<!-- fancybox -->
	<link rel="stylesheet" href="<?php print URL; ?>site/js/fancybox/jquery.fancybox.css">
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

	
	
	<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
		<link rel="stylesheet" href="css/font-awesome-ie7.css">
	<![endif]-->
	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="<?php print URL; ?>site/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<?php print URL; ?>site/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<?php print URL; ?>site/images/apple-touch-icon-114x114.png">
</head>

<body>

	<div id="mainContainer" class="clearfix">

		<!--begain header-->
		<header>
			<div class="upperHeader">
				<div class="container">
				<div class="span9 clearfix">
					<?php 
					if(isset($_SESSION['user']['user_id'])) {
					?>
					<ul class="pull-right inline">
						<li><a class="invarseColor" href="<?php print URL; ?>home/viewBasket">View Basket</a></li>
						<li class="divider-vertical"></li>
						<li><a class="invarseColor" href="<?php print URL; ?>home/viewBasket">Purchased Items</a></li>
						<li class="divider-vertical"></li>
						<li><a class="invarseColor" href="<?php print URL; ?>home/viewBasket">Checkout</a></li>
					</ul>
					<?php 
					}
					?>
					<p>
					Welcome , 
					<?php 
					if(!empty($_SESSION['user'])) {
					?>
						<?php print $_SESSION['user']['first_name'] . ' ' . $_SESSION['user']['last_name'];?> - <a href="<?php print URL; ?>user/logout">Logout</a>
					<?php
					} else {
					?>
						<a href="<?php print URL; ?>user/login">Login</a> or <a href="<?php print URL; ?>user" >Create new account</a>
					<?php 
					}
					?>
					</div>
					<div class="span2 clearfix">
					<a href="http://facebook.com" target="_blank">
						<img height="32" width="32" src="<?php print URL;?>site/img/facebook.png" />
					</a>
					&nbsp;&nbsp;&nbsp;
					<a href="http://twitter.com" target="_blank">
					<img height="32" width="32" src="<?php print URL;?>site/img/twitter.png" />
					</a>
					&nbsp;&nbsp;&nbsp;
					<a href="http://youtube.com" target="_blank">
					<img height="32" width="32" src="<?php print URL;?>site/img/youtube.png" />
					</a>
					</div>
				
				
				
					</p>
					
					
					
				</div><!--end container-->
				
				
			</div><!--end upperHeader-->

			<div class="middleHeader">
				<div class="container">

					<div class="middleContainer clearfix">

					<div class="siteLogo pull-left">
						<h1><a href="index.html">Digital Content</a></h1>
					</div>

					<div class="pull-right">
						
						<div class="btn-group">
							<a class="btn dropdown-toggle" data-toggle="dropdown" href="?lang=en">lang
							    <span class="caret"></span>
							</a>
							<ul class="dropdown-menu language">
								<li><a href="?lang=ar">ar</a>
								    <a href="?lang=en">en</a>
								</li>
							</ul>
						</div>
						
					</div><!--end pull-right-->

					</div><!--end middleCoontainer-->

				</div><!--end container-->
			</div><!--end middleHeader-->
<?php 
require APP . 'views/site_templates/menu.php';
                   //require APP 	. 'views/home/slideshow.php';
			
?>			

		</header>
		<!-- end header -->


